<template>
    <div>
        <!-- 数据 -->
        <div>
            <div>
                <div>健康宝用户注册量</div>
                <div>{{userData.allPerson}}</div>
                <div>今日新增：{{userData.todayPerson}}</div>
            </div>
             <div>
                <div>用户实名总量</div>
                <div>{{userData.allRealPerson}}</div>
                <div>占比：{{parseInt(userData.allRealPerson/userData.allPerson*100)}}%</div>
            </div>
             <div>
                <div>预约订单总量</div>
                <div>{{orderData.allOder}}</div>
                <div>今日新增：{{orderData.todayOrder}}</div>
            </div>
        </div>
        <!-- 图表 -->
    </div>
</template>
<script>
import {mapState,mapActions} from 'vuex'
export default {
    computed:{...mapState(['userData','orderData'])},
    
    mounted(){
        this.initData()
    },
    methods:{
        ...mapActions(['initData'])
    }
}
</script>